<template>
  <div>
    <pdf v-for="i in numPages" :key="i" :src="src" :page="i"></pdf>
  </div>
</template>

<script>
import pdf from 'vue-pdf'

export default {
  name: "Protocol",
  props: {

  },
  components: {
    pdf,
  },
  data() {
    return {
      isShow: true,
      src: 'https://image.utea88.com/statics/zcjrxy.pdf',
      currentPage: 0, // pdf文件页码
      pageCount: 0, // pdf文件总页数
      numPages: 0
    }
  },
  computed: {

  },
  watch: {},
  methods: {
    
  },
  created() {
    pdf.createLoadingTask(this.src).promise.then((res) => {
      this.numPages = res._pdfInfo.numPages
      this.$forceUpdate();
    }).catch((err) => {
      console.log(err)
    })
  },
  mounted() {
    
  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang='scss' scoped>
  
</style>